<template>
	<div>
		<div class="pages_top">
			<div class="div_box">
				<span @click="goback" class="fl">
					<img src="../../../static/imges/ic_return@2x.png" />
				</span>
				<span class="top_title">
					直播
				</span>
				<div class="top_select fr">
						<span v-for="item of km_list">{{item.name}}</span>
					<img src="../../assets/commonImg/ic_shaixuan@2x.png" @click="tcBtn" />
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- top -->
	</div>
</template>

<script>
	export default{
		name:'pagestop',
		props:[
			"km_list"
		],
		data() {
			return {
				show: false
			}
		},
		methods: {
			goback() {
				this.$router.go(-1)
			},
			tcBtn(){
				this.$emit('tcBtn')
			}
		},
		mounted(){
			
		}
	}
</script>

<style>
	.div_box{
		padding-bottom: 0px;
	}
	.pages_top{
		width: 100%;
		background: #fff;
		color: #333;
		padding: .25rem 0;
		position: absolute;
	}
	.pages_top .fl img{
		width: .52rem;
	}
	.top_title{
		font-size: .4rem;
		line-height: .52rem;
	}
	.top_select span{
		display: inline-block;
		font-size: .24rem;
		color: #333;
		background: #ECECEC;
		padding: .1rem .15rem;
		vertical-align: middle;
		margin-left: .15rem;
	}
	.top_select img{
		width: .52rem;
	}
</style>
